<template>
  <div>
    <div class="btn_box">
      <el-button class="pms-button-primary">查看流程图</el-button>
    </div>
    <el-table :data="tableData" style="width: 100%" border :header-cell-style="{ background: '#F5F5F5', color: '#333333' }">
      <el-table-column prop="prop" label="序号" align="center" />
      <el-table-column prop="prop1" label="环节名称" align="center" />
      <el-table-column prop="prop2" label="办理人" align="center" />
      <el-table-column prop="prop3" label="单位" align="center" />
      <el-table-column prop="prop4" label="部门" align="center" />
      <el-table-column prop="prop5" label="意见" align="center" />
      <el-table-column prop="prop6" label="办理时间" align="center" />
    </el-table>
  </div>
</template>

<script>
export default {
  name: 'ApprovalList',
  data() {
    return {
      tableData: [{ prop: 1 }, { prop: 2 }]
    }
  }

}
</script>

<style scoped>
.btn_box {
  margin-bottom: 20px;
  display: flex;
  flex-direction: row-reverse;
}
</style>
